/* comm */
.core-title:after {
  letter-spacing: .03rem;
  text-indent: .03rem;
  word-spacing: .07rem;
}

.contact-title:after {
  letter-spacing: .12rem;
  text-indent: .12rem;
  word-spacing: .15rem;
}

.partner-title:after {
  letter-spacing: .04rem;
  text-indent: .04rem;
  word-spacing: .08rem;
}

.kv {
  margin: 0 auto;
  height: 12.02rem;
  background: url(../images/kv.jpg) no-repeat center top/cover;
  position: relative;
}

.kv-slogan {
  position: absolute!important;
  left: 50%!important;
  top: initial!important;
  bottom: 4.8rem;
  width: 5.5rem;
  height: .61rem;
  margin-left: -2.84rem;
  background: url(../images/spr.png) no-repeat -.1rem -.9rem/8rem 8rem;
  text-indent: -9999rem;
}

.kv-slogan:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.44rem;
  width: .41rem;
  height: .05rem;
  background-color: #696de9;
  border-radius: 1px;
}

.kv-decr {
  width: 100vw;
  top: initial!important;
  font-size: .26rem;
  line-height: .48rem;
  opacity: .8;
  position: absolute;
  bottom: 3.3rem;
  padding: 0 .6rem 0 .9rem;
  color: #fff;
  box-sizing: border-box;
  text-align: center;
}

.kv-btn {
  position: absolute;
  top: initial!important;
  bottom: 1.82rem;
  left: 50%!important;
  width: 2.84rem;
  line-height: .65rem;
  margin-left: -1.42rem;
  font-size: .26rem;
  color: #3f81f1;
  text-align: center;
  background-color: #fff;
  border-radius: 3px;
}

.kv-btn:hover {
  text-decoration: none;
}

.kv-next {
  position: absolute;
  left: 50%!important;
  top: initial!important;
  bottom: .48rem;
  width: .46rem;
  height: .3rem;
  background: url(../images/spr.png) no-repeat -2.39rem -.1rem/8rem 8rem;
  transform: translateX(-50%);
  text-indent: -9999rem;
  animation: moveY linear 4s infinite;
}

/* product */
.product {
  padding: 1rem 0 .4rem;
  box-sizing: border-box;
}

.product-title:after {
  letter-spacing: .08rem;
  text-indent: .08rem;
  word-spacing: .16rem;
}

.product-wrap {
  width: 6.9rem;
  overflow: hidden;
  margin: .4rem auto 0;
  position: relative;
  z-index: 1;
}

.product-list {
  pointer-events: initial!important;
}

.product-list li {
  width: 3.35rem;
  display: initial!important;
  position: relative!important;
}

.product-list li:not(:last-child) {
  margin-right: .2rem;
}

.product-list p {
  font-size: .26rem;
  line-height: .66rem;
  text-align: center;
  color: #586696;
}

.product-list img {
  display: block;
  width: 100%;
}

.product-prev, .product-next {
  position: absolute;
  width: .22rem;
  height: .44rem;
  top: .9rem;
  z-index: 1
}

.product-prev {
  left: .03rem;
  background: url(../images/spr.png) no-repeat -2.94rem -.1rem/8rem 8rem;
}

.product-next {
  right: .03rem;
  background: url(../images/spr.png) no-repeat -3.26rem -.1rem/8rem 8rem;
}

/* core */
.core {
  background-color: #f1f6fa;
  padding: 1rem 0 .6rem;
}

.core-list {
  display: flex;
  flex-wrap: wrap;
  width: 6.9rem;
  margin: .4rem auto 0;
  justify-content: space-between;
}

.core-list li {
  width: 2.15rem;
  background-color: #fff;
  display: flex!important;
  position: initial!important;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  padding: .23rem .34rem;
  box-sizing: border-box;
  text-align: justify;
}

.core-list li:nth-child(-n+2) {
  width: 3.32rem;
  margin-bottom: .2rem;
  padding: .23rem .7rem;
}

.core-list span {
  width: 1.16rem;
  height: 1.16rem;
  background-color: #3f81f1;
  border-radius: 50%;
  display: flex;
}

.core-list i {
  margin: auto;
}

.core-list li:nth-child(1) i {
  width: .57rem;
  height: .57rem;
  background: url(../images/spr.png) no-repeat -3.85rem -1.69rem/8rem 8rem;
}

.core-list li:nth-child(2) i {
  width: .55rem;
  height: .55rem;
  background: url(../images/spr.png) no-repeat -4.52rem -1.69rem/8rem 8rem;
}

.core-list li:nth-child(3) i {
  width: .51rem;
  height: .46rem;
  background: url(../images/spr.png) no-repeat -5.17rem -1.69rem/8rem 8rem;
}

.core-list li:nth-child(4) i {
  width: .52rem;
  height: .46rem;
  background: url(../images/spr.png) no-repeat -5.78rem -1.69rem/8rem 8rem;
}

.core-list li:nth-child(5) i {
  width: .58rem;
  height: .47rem;
  background: url(../images/spr.png) no-repeat -6.4rem -1.69rem/8rem 8rem;
}

.core-list b {
  font-size: .32rem;
  font-weight: normal;
  color: #586696;
  line-height: 1;
  margin-top: .42rem;
}

.core-list p {
  font-size: .26rem;
  line-height: .42rem;
  color: #586696;
  opacity: .8;
  margin-top: .17rem;
}

/* contact */
.contact {
  padding: 1rem 0 .48rem;
}

.contact-map {
  width: 6.9rem;
  height: 5.72rem;
  margin: .4rem auto .28rem;
  background-color: #fff;
  position: relative;
}

.contact-list {
  width: 6.9rem;
  margin: 0 auto;
}

.contact-list li {
  font-size: .26rem;
  line-height: .48rem;
  color: #586696;
  opacity: .8;
  padding-left: .78rem;
  box-sizing: border-box;
  position: relative!important;
}

.contact-list li:before {
  content: "";
  position: absolute;
  left: .22rem;
  top: 50%;
  transform: translateY(-50%);
}

.contact-list li:nth-child(1):before {
  width: .3rem;
  height: .32rem;
  background: url(../images/spr.png) no-repeat -5.9rem -.9rem/8rem 8rem;
}

.contact-list li:nth-child(2):before {
  width: .3rem;
  height: .31rem;
  background: url(../images/spr.png) no-repeat -6.28rem -.9rem/8rem 8rem;
}

.contact-list li:nth-child(3):before {
  width: .3rem;
  height: .31rem;
  background: url(../images/spr.png) no-repeat -6.66rem -.9rem/8rem 8rem;
}

.contact-list li:nth-child(4):before {
  width: .3rem;
  height: .3rem;
  background: url(../images/spr.png) no-repeat -5.9rem -1.29rem/8rem 8rem;
}

.contact-list li:nth-child(5):before {
  width: .3rem;
  height: .32rem;
  background: url(../images/spr.png) no-repeat -6.28rem -1.29rem/8rem 8rem;
}

.contact-btn {
  display: block;
  width: 6.5rem;
  margin: .4rem auto 0;
  text-align: center;
  color: #fff;
  font-size: .26rem;
  text-align: center;
  line-height: .6rem;
  background: linear-gradient(to bottom, #4586f2, #3b7bf0);
}

.contact-btn:hover {
  text-decoration: none;
}

/* partner */
.partner {
  padding: 1rem 0 0;
}

.partner-list {
  width: 6.9rem;
  margin: .4rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  pointer-events: initial!important;
}

.partner-list li {
  width: 3.32rem;
  height: 1.3rem;
  border: 1px solid #dbdde6;
  text-indent: -9999rem;
  display: flex!important;
  position: initial!important;
}

.partner-list li:nth-child(-n+2) {
  margin-bottom: .23rem;
}

.partner-list a {
  display: flex;
  width: 100%;
  height: 100%;
  position: relative;
}

.partner-list img {
  margin: auto;
  width: 90%;
  height: 90%;
}

.partner-list i {
  margin: auto;
}

.partner-list li:nth-child(1) i {
  width: 2.12rem;
  height: .6rem;
  background: url(../images/spr.png) no-repeat -3.58rem -.1rem/8rem 8rem;
}

.partner-list li:nth-child(2) i {
  width: 1.16rem;
  height: .64rem;
  background: url(../images/spr.png) no-repeat -5.8rem -.1rem/8rem 8rem;
}

.partner-list li:nth-child(3) i {
  width: 1.24rem;
  height: .93rem;
  background: url(../images/spr.png) no-repeat -2.51rem -1.59rem/8rem 8rem;
}

.partner-list li:nth-child(4) i {
  width: 2.31rem;
  height: .54rem;
  background: url(../images/spr.png) no-repeat -.1rem -1.59rem/8rem 8rem;
}


@keyframes moveY {
  0% {
    transform: translate(-50%, 0);
  }
  25% {
    transform: translate(-50%, 8px);
  }
  50% {
    transform: translate(-50%, 0);
  }
  75% {
    transform: translate(-50%, -8px);
  }
  100% {
    transform: translate(-50%, 0);
  }
}